<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>♡ 达叔の故事♡ </title>
    <link rel="stylesheet" href="../public/bootstrap.css">
    <link rel="stylesheet" href="../08/main.css">
</head>

<body>
    <header>
        <nav id="menu" class="navbar navbar-expand-lg navbar-light fixed-top shadow-sm">
            <div class="container">
                <a class="navbar-brand" href="#">
                    <img src="../public/images/可爱小语~.png" alt="♡ 达叔の故事♡ ">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item active">
                            <a class="nav-link" href="../08/index.html">首页<span class="sr-only">(current)</span></a>
                        </li>

                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                达叔漫画╰(*°▽°*)
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="#">子不语</a>
                                <a class="dropdown-item" href="#">长歌行</a>
                                <a class="dropdown-item" href="#">拾遗录</a>
                                <a class="dropdown-item" href="#">步天歌</a>
                                <a class="dropdown-item" href="#">达叔画集</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">其他</a>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">达叔生活(ฅ´ω`ฅ)</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">与达叔记(,,• ₃ •,,)♥</a>
                        </li>
                    </ul>
                    <form class="form-inline my-2 my-lg-0">
                        <input class="form-control mr-sm-2" type="search" placeholder="子不语" aria-label="Search">
                        <button class="btn btn-outline-sousuo my-2 my-sm-0" type="submit">搜索 (•̀ᴗ•́)و ̑̑</button>
                    </form>
                    <!-- <button class="btn btn-outline-danger my-2 my-sm-0 animated infinite pulse">支持我们</button> -->
                </div>
            </div>
        </nav>
    </header>
    <main class="mainheight">
        <!-- <div class="breadcrumb">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href=""></a>首页</li>
                    <li class="breadcrumb-item"><a href=""></a>子不语</li>
                    <li class="breadcrumb-item active" aria-current="page">长歌行</li>
                </ol>
            </nav>
        </div> -->

        <div class="col event-info">
            <section id="recent-events" class="container p-3">
                <article>
                    <h1>《长歌行》</h1>
                    <h2>《长歌行》</h2>
                    <p>长歌行动漫化b站独播</p>
                </article>
                <div class="embed-responsive embed-responsive-16by9"><iframe
                        src="https://www.bilibili.com/bangumi/play/ep76659?from=search&seid=17717934414701390267"
                        frameborder="0"></iframe>
                </div>
                <p>简介：长歌行，夏达超越自我之作。作品以初唐为舞台，讲述了永宁公主李长歌活跃成长的历史题材故事。玄武门之变后，太子李建成及其党羽被诛，他的六个儿子除一人早卒外皆连坐，但历史上仅留下“长女李氏”和“次女闻喜县主李婉顺字尪娘嫁刘应道为妻”的记载。层层的李氏迷雾中，《长歌行》的女主角永宁公主李长歌登场了，漫画里的她是李建成之女，母亲与李世民和父亲有着说不清的错乱关系。玄武门之变后，长歌得知父亲被杀，母亲自尽的消息，满怀愤恨的她逃出皇宫，女扮男装隐瞒身份，只为能带着兵马杀回长安为父母报仇。未完结，于有妖气漫画一月两次连载
                </p>
            </section>

        </div>

    </main>
    <footer>
        <section class="container-fluid contact p-5">
            <div class="row">
                <div class="col-lg-4 text-center">
                    <h4>微博指路：夏达</h4>
                    <img src="../public/images/IMG_20171203_162921.png" alt="达叔微博" class="img-fluid">
                </div>
                <div class="col-lg-4">
                    <h4>我爱达叔</h4>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-map-marker"></i>品读达叔的漫画~</li>
                        <li><i class="fa fa-phone" aria-hidden="true"></i>520-520-520-520</li>
                        <li><i class="fa fa-paper-plane" aria-hidden="true"></i>我的邮箱：845902547@qq.com</li>
                        <li><i class="fa fa-globe" aria-hidden="true"></i>微博网址</li>
                    </ul>
                </div>
                <div class="col-lg-4">
                    <h4>❥</h4>
                    <ul class="list-unstyled list-colums">
                        <li><i class="fa fa-link" aria-hidden="true"></i>愿达叔越来越好</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>520-520520520</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>我会永远支持您</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>买爆您的漫画</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>想看到您越来越多的作品</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>07-595700</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>超喜欢您的漫画！！</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>超级无敌喜欢！！</li>
                    </ul>
                </div>
            </div>
        </section>
        <section class="container-fluid copyright">
            <p class="text-center">© Copyright 2020 - <span><a href="#">来自@北奈柰子的编辑</a></span> - All Rights Reserved</p>
        </section>
        </main>
    </footer>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>

</html>